// import React from 'react';
import React, { Component } from 'react'
import { Card, Col, Row } from 'antd';
import "./index.less"
import { PageContainer } from '@ant-design/pro-layout';
export default class index extends Component {
    state = {
        data: [
            {
                num: 4,
                text: '订单数量'
            },
            {
                num: 2,
                text: '待付款'
            },
            {
                num: 5,
                text: '代发货'
            },
            {
                num: 21,
                text: '已发货'
            },
            {
                num: 7,
                text: '待评价'
            },
            {
                num: 1,
                text: '定金数'
            },
            {
                num: 7,
                text: '下单量'
            },
        ]
    }
    render() {
        const { data } = this.state
        return (
            <PageContainer>
                <div className="gswarp">
                    <div className="topss">

                        <div className="site-card-wrapper">

                            <Row  gutter={3}>
                                {
                                    data.map((item, index) => {
                                        return (
                                        <Col span={3}>
                                            <Card title={item.num} bordered={false}>
                                                {item.text}
                                            </Card>
                                        </Col>)
                                    })
                                }
                            </Row>
                        </div>,
                    </div>
                    <div className="tubiao">


                    </div>
                </div>
            </PageContainer>
        )
    }
}
